<!DOCTYPE html>
<html>
<head>
	<title>news</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
	<!-- Adress bar styling -->
	<meta name="theme-color" content="#00ff8b">
	<meta name="msapplication-navbutton-color" content="#00ff8b">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

	<link rel="stylesheet" type="text/css" href="./css/reset.css">
	<link rel="stylesheet" type="text/css" href="./css/main.css">
	<link rel="manifest" href="./manifest.json">
</head>
<body>
	<!-- header区域 -->
	<header title="index">
		<img src="./images/news.png" alt="logo" title="logo">
		<h1 class="header-title">中文新闻平台</h1>
		<p class="header-desc">Latest News</p>
	</header>
	<!-- 内容区域 -->
	<div id="main">
		
	</div>

<script type="text/javascript" src="./js/main.js"></script>
<script type="text/javascript">
	if('serviceWorker' in navigator){
		navigator.serviceWorker.register('./news_sw.js').then(reg => {			
			console.log('ServiceWorker registration successful with scope:' + reg.scope);
		}).catch(err => {
			console.log('ServiceWorker registration fail:',err);	
		});
	} else {
		alert('ServiceWorker is not support!');
	}
</script>
</body>
</html>

